<#macro layout>
<!DOCTYPE HTML lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<meta name="description" content="Static &amp; Dynamic Tables" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>春节快乐</title>

<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="stylesheet" href="${ctx}/css/idangerous.swiper.css">
<link rel="stylesheet" href="${ctx}/css/app.min.css">
<link rel="stylesheet" href="${ctx}/css/manimation.css">
<link rel="stylesheet" href="${ctx}/css/index.css">

<link href="${ctx}/static/assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="${ctx}/static/assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="${ctx}/static/assets/css/ace.min.css" />
 <script src='${ctx}/static/jquery/1.8.3/jquery.js'
                type='text/javascript'></script>
<script src="${ctx}/js/jquery-1.10.2.min.js"></script>
<script defer src="${ctx}/js/idangerous.swiper.m.js"></script>

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  
   <!-- basic scripts -->
</head>
<#nested>
</html>
</#macro>

<@layout>
<head>

</head>
<style>
html,body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

html,body {
	margin: 0;
	border: 0 none;
	padding: 0;
}

body {
	font-size: 1em;
	font-family: "Microsoft Yahei", "黑体", monospace;
}

.title,.content p {
	display: none;
	color: #2ae0c8;
}
</style>
<style>
.swiper-container,.swiper-slide {
	width: 100%;
	height: 100%;
}
</style>
<script>
if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
	var version = parseFloat(RegExp.$1);
	if(version>2.3){
		var phoneScale = parseInt(window.screen.width)/640;
		document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
	}else{
		document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
	}
}else{
	document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
}
//微信去掉下方刷新栏
if(navigator.userAgent.indexOf('MicroMessenger') >= 0){
	document.addEventListener('WeixinJSBridgeReady', function() {
		//WeixinJSBridge.call('hideToolbar');
	});
}
$(function(){
	$("#end").hide();
	var x = document.getElementById("audios");
	x.play();
  var mySwiper = $('.swiper-container').swiper({
    
    mode:'vertical',
    loop: true,
		mousewheelControl:true,
		keyboardControl:true,
		onSlideChangeStart:function(){
		},
		onSlideChangeEnd:function(){
/* 	$('.content p').each($).show(1000).wait(1600);
 */	},
		onSwiperCreated:function(){
		$('.title').wait(500).slideDown().delay(500).animate({fontSize:"250%",color:"red",display:"block"},3000,"swing");
$('.text p').each($).show(1000).wait(1600);
		}
    
  });
    
})
function openaudio(){
	var x = document.getElementById("audios");
	x.play();
	$("#end").show();
	$("#start").hide();
}
function end(){
	var x = document.getElementById("audios");
	x.pause();
	$("#end").hide();
	$("#start").show();
}
</script>
<body>
<header class="app-header">
		<a href="#"  id="start" onclick="openaudio();" class="u-globalAudio z-pause">
		<i class="icon-pause"></i></a>
		<a href="#"  id="end" onclick="end();" class="u-globalAudio z-pause">
		<i class="icon-forward"></i></a>
		<audio src="${ctx}/img/new/QT007_music.mp3" id="audios" autoplay="autoplay" loop="loop"></audio>
		<span class=""></span>
		<div class="coffee-steam-box"
		 style="height: 100px; width: 50px; left: 36px; top: -50px; position: absolute; overflow: hidden; z-index: 0;"></div>
	</header>
				
	<div class="swiper-container">
		<!-- 滑动操作指示 -->
		<!-- 主体 -->
		<div class="swiper-wrapper">
			<div class="swiper-slide slide1"
				style="background: url('${ctx}/img/new/qgH5ZYW45554NXn5gVQY5r5nQ2x5Q4.jpg') no-repeat center center; background-size: 100% 100%;">
    	
			</div>
			<div class="swiper-slide slide2"
				style="background: url('${ctx}/img/new/t5TOT43H030iQ0wYoQZgonZPqnhGXd.png') no-repeat center center; background-size: 100% 100%;">
				<div class="bouncein"
					style="height: 34.027777777778%; width: 100%; top: 31.746031746032%; left: 0%; -webkit-animation-delay: 0s;">
					<img
						src="${ctx}/img/new/lu00B0fUhIK0wmoG9A0bbW4GM8g4wj.png"
						style="width: 100%; height: 100%;" />
				</div>
				<div class="rotateinupright"
					style="height: 9.9206349206349%; width: 15.625%; top: 12.698412698413%; left: 11.25%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/E0GCW9Zq9J077SiwW5zgVk70kW4zWW.png"
						style="width: 100%; height: 100%;" />
				</div>
				<div class="fadeleftbig"
					style="height: 9.9206349206349%; width: 15.625%; top: 80.753968253968%; left: 70%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/dT8831OM1ZTi10X163ci6V8mt3oyVY.png"
						style="width: 100%; height: 100%;" />
				</div>
			</div>
			<div class="swiper-slide slide3"
				style="background: url('${ctx}/img/new/ALV9dH20A895R0Ka5Oy89NL0098DV0.png') no-repeat center center; background-size: 100% 100%;">
				<div class="fadedown"
					style="height: 3.968253968254%; width: 6.25%; top: 17.857142857143%; left: 31.875%; -webkit-animation-delay: 0s;">
					<img
						src="${ctx}/img/new/TQPXP2I2bQcZfIfhBQ15iQfFnFXQZN.png"
						style="width: 100%; height: 100%;" />
				</div>
				<div class="fadedown"
					style="height: 3.968253968254%; width: 6.25%; top: 22.81746031746%; left: 31.875%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/YOWpmGUujgUzePT1o11CNzPH181O5E.png"
						style="width: 100%; height: 100%;" />
				</div>
				<div class="fadedown"
					style="height: 13.690476190476%; width: 9.21875%; top: 27.777777777778%; left: 30.46875%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/bcPALbHECl5CceE6U5Q8Lzu4L5ZlsU.png"
						style="width: 100%; height: 100%;" />
				</div>
			</div>
			<div class="swiper-slide slide4"
				style="background: url('${ctx}/img/new/iQc2oLqJLssmqzvSVFLCJ2Cq8lzHqO.jpg') no-repeat center center; background-size: 100% 100%;">
				<div class="fadedown"
					style="height: 56.944444444444%; width: 45.15625%; top: 19.444444444444%; left: 53.4375%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/Hw6NNi9r94bgrzW4zB4a4icA9cNUbB.png"
						style="width: 100%; height: 100%;" />
				</div>
				<div class="zoomindown"
					style="height: 11.011904761905%; width: 25.9375%; top: 70.634920634921%; left: 15.625%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/qevZzA65ElL5v60rN1lZ3SsS10sl55.png"
						style="width: 100%; height: 100%;" />
				</div>
			</div>
			<div class="swiper-slide slide5"
				style="background: url('${ctx}/img/new/s8i53SS202b52865sSs2Z26I2p2sq1.jpg') no-repeat center center; background-size: 100% 100%;">
				<div class="faderight"
					style="height: 13.293650793651%; width: 100%; top: 32.936507936508%; left: 0%; -webkit-animation-delay: 1s;">
					<img
						src="${ctx}/img/new/U0Yb0zmeKWydZEdYgObGrwKGGqy7WZ.png"
						style="width: 100%; height: 100%;" />
				</div>
				
				<div class="faderight"
					style="font-size:26px;font-family: Microsoft Yahei;height: 40%;
					 width: 100%; top: 50.936507936508%; left: 0%; -webkit-animation-delay: 1s;">
					<p style="color:black">新春到来喜事多</p>
					<p style="color:black">合家团圆幸福多</p>
					<p style="color:black">心情愉快朋友多</p>
					<p style="color:black">身体健康快乐多</p>
					<p style="color:black">一切顺利福气多</p>
					<p style="color:black">新年吉祥生意多</p>
					<p style="color:black">祝您好事多！多！多！</p>
					<p style="color:black">新年快乐！</p>
					<p style="color:black">
					<a class="btn-block" style="height:34px;background:#C1001D;
	border-color: #C1001D;font-size:20px;font-family: Microsoft Yahei;text-decoration:none; 
	text-align:center;line-height:25px; color:white;"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a></p>
				</div>
			</div>

		</div>
	</div>
</body>

<#include "/common/end.html" /> 

<script>
	var imgUrl = '${(pic)!}';
	var lineLink = '${(url)!}wxContent/${(id)!}';
	var descContent = '${(descContent)!}';
	var shareTitle = '${(title)!}';
	var appid = '${(AppId)!}';

	function shareFriend() {
		WeixinJSBridge.invoke('sendAppMessage', {
			"appid" : appid,
			"img_url" : imgUrl,
			"img_width" : "640",
			"img_height" : "640",
			"link" : lineLink,
			"desc" : descContent,
			"title" : shareTitle
		}, function(res) {
			_report('send_msg', res.err_msg);
		})
	}
	function shareTimeline() {
		WeixinJSBridge.invoke('shareTimeline', {
			"img_url" : imgUrl,
			"img_width" : "640",
			"img_height" : "640",
			"link" : lineLink,
			"desc" : descContent,
			"title" : shareTitle
		}, function(res) {
			_report('timeline', res.err_msg);
		});
	}
	function shareWeibo() {
		WeixinJSBridge.invoke('shareWeibo', {
			"content" : descContent,
			"url" : lineLink,
		}, function(res) {
			_report('weibo', res.err_msg);
		});
	}
	// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

		// 发送给好友
		WeixinJSBridge.on('menu:share:appmessage', function(argv) {
			shareFriend();
		});

		// 分享到朋友圈
		WeixinJSBridge.on('menu:share:timeline', function(argv) {
			shareTimeline();
		});

		// 分享到微博
		WeixinJSBridge.on('menu:share:weibo', function(argv) {
			shareWeibo();
		});
	}, false);

	var argu = '${(argu)!}';
	<#if (gkzt)??> 
	<#if (gkzt)=="1">
		argu="edit";
	</#if>
	</#if>
	<#if (gkzt)??> 
	<#if (gkzt)=="0">
		argu="view";
	</#if>
	</#if>
	if (argu == "view") {
		function onBridgeReady() {
			WeixinJSBridge.call('hideOptionMenu');
		}

		if (typeof WeixinJSBridge == "undefined") {
			if (document.addEventListener) {
				document.addEventListener('WeixinJSBridgeReady', onBridgeReady,
						false);
			} else if (document.attachEvent) {
				document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
				document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
			}
		} else {
			onBridgeReady();
		}
	}
</script>
<script>


</script>
</@layout>
